<template>
	<tm-fullView>
		<tm-menubars title="骨架加载器" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<view class="ma-32 flex-between flex-wrap">
			<view style="width: 100%;"  :key="index" v-for="(item,index) in ['card','cardActions','list','listAvatr','grid']">
				<view :class="[$tm.vx.state().tmVuetify.black ? 'bk' : '']" class="grey text pa-32 text-size-n mb-24 round-10">类型：{{item}}</view>
				<tm-skeleton :model='item'></tm-skeleton>
			</view>
		</view>
	</tm-fullView>
</template>

<script>
import tmSkeleton from '@/tm-vuetify/components/tm-skeleton/tm-skeleton.vue';
import tmMenubars from '@/tm-vuetify/components/tm-menubars/tm-menubars.vue';
import tmFullView from '@/tm-vuetify/components/tm-fullView/tm-fullView.vue';
export default {
	components: { tmSkeleton, tmMenubars,tmFullView },
	data() {
		return {
			
		};
	}
};
</script>

<style lang="scss"></style>
